﻿<%@ Page Language="C#" AutoEventWireup="true" Inherits="BLL.PageUI.Index" ValidateRequest="false" %>

<%@ Import Namespace="System" %>
<%@ Import Namespace="System.Collections" %>
<%@ Import Namespace="System.Collections.Generic" %>
<%@ Import Namespace="System.Linq" %>
<%@ Import Namespace="System.Web" %>
<%@ Import Namespace="System.Web.UI" %>
<%@ Import Namespace="System.Web.UI.WebControls" %>
<!DOCTYPE html>
<html>

<head>
    <!-- #include file="/templates/_include/head.html" -->
</head>

<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
     <!-- #include file="/templates/_include/top.html" -->

    <div id="about">
        <div class="container">
            <div class="section-title text-center center">
                <h2><%=allChannelList.Find((dynamic item)=> { return item.Id == 1; }).EnTitle %></h2>
                <hr>
            </div>
            <div class="row">
                <%
                    dynamic aboutbyindex = GetSinglePageByClassId(1);
                    %>
                <div class="col-md-12 text-center">
                    <img src="<%=aboutbyindex.ImgUrl %>" class="img-responsive">
                </div>
                <div class="col-md-8 col-md-offset-2">
                    <div class="about-text">
                        <%=aboutbyindex.Content %>
                        <a href="/aboutme/" class="btn btn-default btn-lg page-scroll">More</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <%
        List<dynamic> allbanner = new Evan.DataBase.DbOperat("Banner").GetList("States=1");
    %>
    <div id="mygoodat">
        <div class="container-software">
            <div class="section-title text-center center" style="padding-bottom: 20px;">
                <h2><%=allChannelList.Find((dynamic item)=> { return item.Id == 2; }).EnTitle %></h2>
                <hr>
            </div>

            <div style="width: 60%; margin: 0px auto; text-align: center;">
                <div id="circles-container">
                    <div id="main-circle-content"></div>
                    <div id="circle">
                        <%foreach (dynamic item in allbanner.FindAll((dynamic res) => { return res.ClassId == 2; }))
                            { %>
                        <div class="min-circle" data-inside="min-circle">
                            <a href="<%=item.ImgUrl %>">
                                <img src="<%=item.ImgUrl %>" alt="<%=item.Title %>">
                            </a>
                            <div class="content-text"><%=item.Title %></div>
                        </div>
                        <%} %>
                    </div>

                </div>
                <a href="/software/" class="btn btn-default btn-lg page-scroll" style="margin-top: 120px;">More</a>
            </div>

        </div>
    </div>
    <%
        List<dynamic> allcases = new Evan.DataBase.DbOperat("Cases").GetList("States=1");
    %>
    <div id="question" style="padding-bottom: 100px;">

        <div class="container" style="text-align: center;">
            <div class="section-title text-center center">
                <h2>Project</h2>
                <hr>
            </div>
            <div class="categories">
                <ul class="cat">
                    <li>
                        <ol class="type">
                            <li><a href="#" data-filter="*" class="active">全部</a></li>
                            <li><a href="#" data-filter=".qiye">企业官网</a></li>
                            <li><a href="#" data-filter=".shangcheng">网上商城</a></li>
                            <li><a href="#" data-filter=".pingtai">系统平台</a></li>
                        </ol>
                    </li>
                </ul>
                <div class="clearfix"></div>
            </div>
            <div class="row" style="padding-bottom: 20px;">
                <div class="portfolio-items">
                    <%foreach (dynamic item in allcases.FindAll((dynamic res) => { return res.ClassId == 3; }))
                        { %>
                    <div class="col-sm-6 col-md-3 col-lg-3 <%=item.SubTitle %>">
                        <div class="portfolio-item">
                            <div class="hover-bg">
                                <a href="<%=item.BigImgUrl %>" title="<%=item.Title %>" data-lightbox-gallery="gallery1">
                                    <div class="hover-text">
                                        <h4><%=item.Title %></h4>
                                    </div>
                                    <img src="<%=item.ImgUrl %>" class="img-responsive" alt="<%=item.Title %>">
                                </a>
                            </div>
                        </div>
                    </div>
                    <%} %>
                </div>
            </div>
            <a href="/cases/" class="btn btn-default btn-lg page-scroll">More</a>
        </div>
    </div>
    <%
        List<dynamic> allarticle = new Evan.DataBase.DbOperat("Article").GetList(0,"States=1","addtime desc");
    %>
    <div id="solution">
        <div class="container">
            <div class="section-title center text-center">
                <h2>Problem Solution</h2>
                <hr>
            </div>

            <div class="row" style="display: flex; flex-wrap: wrap;">
                <%
                    int aindex = 0;
                    foreach (dynamic item in allarticle.FindAll((dynamic res) => { return res.ClassId == 4; }))
                    {
                        if (aindex < 3)
                        {
                         %>
                <div class="col-lg-4 col-md-6 mt-4 pt-2">
                    <div class="blog position-relative overflow-hidden shadow rounded">
                        <a href="<%=GetChannelByClassId(item.ClassId).WebPath+""+item.Id+".html" %>" class="text-dark">
                            <div class="position-relative overflow-hidden">
                                <img src="<%=item.ImgUrl %>" class="img-fluid rounded-top" alt="<%=item.Title %>">
                                <div class="overlay rounded-top bg-dark"></div>

                            </div>
                            <div class="content p-4">
                                <h4 class="title"><%=item.SubTitle %></h4>
                                <p class="text-muted"><%=item.Intro %></p>
                                <p class="readmore">Read more <i class="mdi mdi-chevron-right"></i></p>
                            </div>
                        </a>
                    </div>
                </div>
                <!--end col-->
                <%
                        }
                        aindex++;
                    } %>
            </div>


            <div class=" center text-center">
                <a href="/contact/" class="btn btn-default btn-lg page-scroll " style="margin: 40px 0px;">More</a>
            </div>
        </div>
    </div>


    <div id="contact" class="text-center">
        <div class="container">
            <div class="section-title center">
                <h2>Contact Me</h2>
                <hr>
            </div>
            <div class="col-md-8 col-md-offset-2 center" style="float: none;">
                <div>
                    <img src="/dist/img/erweima.jpg" style="width: 200px;">
                </div>
                <div style="margin-top: 40px;">
                    <p>手机：13424410264</p>
                    <p>微信：13424410264</p>
                    <p>QQ：479084684</p>
                    <p>邮箱：zhanghaoatwy@163.com</p>
                </div>
            </div>
            <a href="/contact/" class="btn btn-default btn-lg page-scroll" style="margin: 40px 0px;">More</a>
        </div>
    </div>
    <!-- #include file="/templates/_include/foot.html" -->
    <script src="/dist/js/jCircle.js"></script>
    <script>
        var circle = new jCircle({
            'container': 'circles-container',
            'circle': 'circle',
            'mainContent': 'main-circle-content',
            'animateCircles': true,
            'speed': 3,
            'mainViewStyle': 'normal',
            'minCirclesEffectOver': 'pulse',
            'contentType': 'images',
            'stopOnOverMain': false,
            'mainContentOverAction': 'normal'
        });
        circle.create();
    </script>
</body>

</html>
